$(function () {
//	    点击时出现
    $("#pullDown li").mouseenter(function () {
        $(this).find('.showList').stop().toggle();
    });
//	    移出时消失``
    $("#pullDown li").mouseleave(function () {
        $(this).find('.showList').hide();
    });
//微博的下拉
    $("#pull .searchTxt").mouseenter(function () {
        $("#pull .list").stop().toggle();
    });
    $("#pull").mouseleave(function () {
        $("#pull .list").hide();
    });

    //给每个ul下的第一个li添加宇哥复选框按钮  全选 反选 不选 prependTo

    var eq0 = $(".first")
    var aUl = $("<ul class='list_item'></ul>");
    var all =$("<li><label><input type='checkbox' id='all'><span><strong>全选</strong></span></label></li>")
    var aginst =$("<li><label><input type='checkbox' id='reverse'><span><strong>反选</strong></span></label></li>")
    var only =$("<li><label><input type='checkbox' id='bu'><span><strong>不选</strong></span></label></li>")

    all.appendTo(aUl);
    aginst.appendTo(aUl);
    only.appendTo(aUl);
    aUl.prependTo(eq0);
    //全选效果

    // 所有的复选按钮 除了自己添加的
    var aCheck  = $(".list_item_box input:checkbox");
    // 全选按钮
    $("#all").click(function () {
        aCheck.each(function () {
            this.checked = $("#all").is(":checked");
        });
    });
    //反选按钮
    $("#reverse").click(function () {
        aCheck.each(function (i) {
            aCheck[i].checked = !aCheck[i].checked;
        });

    });
    //不选  // 没做  ==========================================

    //选项卡
    var tab = $("#tab");//tab切换的div
    var oInp = $("#tab .titBg div"); //要进行切换的div
    var aDiv = $("#tab .item");

    oInp.each(function (index, element) {
        oInp.on("click",function () {
            $(this).addClass("active");
            $(this).parent().siblings().find("div").removeClass("active");
            var index = $(this).parent().index();
            aDiv.eq(index).addClass("show").siblings().removeClass("show");
        });
    })
    //猜你喜欢切换
    // 左右切换按钮

    $(".drop i").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        $(".abs .comList").eq($(this).index()).removeClass("hide").siblings().addClass("hide");
    });

    var size = $(".drop i").length;
    var n=0;
    function tab2() {
        $(".drop i").eq(n).addClass("active").siblings().removeClass("active");
        $(".abs .comList").eq(n).removeClass("hide").siblings().addClass("hide");
    };
    $(".drop .prev").click(function () {
        n--;
        if (n<0){ n=size; };
        tab2();
    });
    $(".drop .next").click(function () {
        n++;
        if (n >= size){  n = 0;};
        tab2();
    });

    // 选项卡切换
    // 猜你喜欢
    var tabTop1 = $(".change1 li");//上层切换
        var tabBto1 = $(".change2 .wp_tab");
        tabTop1.click(function () {
            tabTop1.removeClass("active");
            $(this).addClass("active");
            tabBto1.eq( $(this).index()).removeClass("hide tabs_item").siblings().addClass("hide");
        });


function change(tabTop,tabBto) {
    $(tabTop).on("click",function () {
        console.log("11111")
        $(tabTop).removeClass("active");
        $(this).addClass("active");

        $(tabBto).eq($(this).index()).show().siblings().hide();
        // $(tabBto).eq($(this).index()).removeClass("show").siblings().addClass("show");
    });
};
change(".change11>li",".change12>.wp_tab");
change(".change21>li",".change22>.wp_tab");
change(".change31>li",".change32>.wp_tab");
change(".change41>li",".change42>.wp_tab");
change(".change51>li",".change52>.wp_tab");
change(".change61>li",".change62>.wp_tab");
change(".change71>li",".change72>.wp_tab");
change(".change81>li",".change82>.wp_tab");
change(".change91>li",".change92>.wp_tab");

change(".change121>li",".change122>.wp_tab");


change(".change101>span",".change102>.wp_tab");
change(".change111>span",".change112>.wp_tab");


// $.fn.change = function () {
//         var tabTop = $(this).find("li");
//         var tabBto = $(this).find(".change12 .wp_tab");
//     tabTop.on("click",function () {
//         console.log(tabTop.index())
//         tabTop.removeClass("active");
//         $(this).addClass("active");
//         // tabBto.eq($(this).index()).removeClass("show").siblings().addClass("show");
//         tabBto.eq($(this).index()).show().siblings().hide();
//     });
//     $(function(){
//         $('.change11').change();
//         // $('.change11').slider();
//     });

// 轮播
    $(".photo_prev").on("click",function () {
       var size = $(".wp_srocll li").size();
       var width = $(".wp_srocll").width();
       console.log(width)
       $(".wp_srocll").stop().animate({left: width -= 200+"px"},500);
    });






// };





});// jQuery结束标签